<template>
	<div>
		<h4 class="title">学校名字：{{school}}</h4>
		<h4>学校地址：{{address}}</h4>
		<h4>有人给我买了包：{{baoname}}</h4>
	</div>
</template>

<script>
	export default {
		name:'School666',
		data(){
			return {
				school:'尚硅谷',
				address:'北七家镇·宏福科技园'
			}
		},
		mounted(){
			console.log('School',this)
			// this.baoname = 900 //props是只读的，不要修改，会报错
		},

		//props的完整写法：限制类型、限制必要性、给默认值
		/* props:{ 
			baoname:{ //声明接收baoname这个props
				type:String, //限制类型
				required:true,//限制必要性
				default:'塑料袋' //默认值
			}
		} */

		//props的稍微精简点的写法：限制类型
		/* props:{ 
			baoname:String
		}  */

		//props的最精简的写法：只接收，但什么也不限制
		props:['baoname']

	}
</script>

<style scoped>
	.title{
		background-color: orange;
	}
</style>